﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="main-container">
  <header class="header">
    <div class="headerline"> 
    <h2><a href="#"><img src="Content/images/headerNBN.png"></a></h2>
      <h1><strong>High Speed <a href="#">National ADSL2+</a>, <a href="#"> Naked DSL</a> &amp; <a href="#">TransACT Broadband.</a></strong></h1>
    </div>
    <div class="loginTop"> Contact Us<br>
      <a href="#">02 6100 4750</a><br>
      <a href="#">info@everynet.com.au</a><br>
      <div class="getconnect"> <a href="#">Get Connected</a> </div>
    </div>
    <div id="menuBar">
      <ul class="nav">
        <li><a href="#"><img id="Hom" width="81" height="30" border="0" name="Home" alt="Home" src="http://www.everynet.com.au/content/images/menuHome.jpg"></a></li>
        <li><a href="#"><img id="About" width="85" height="30" border="0" name="About" alt="About" src="http://www.everynet.com.au/content/images/menuAbout.jpg"></a></li>
        <li><a href="#"><img id="Plans" width="111" height="30" border="0" name="Plans" alt="Products" src="http://www.everynet.com.au/content/images/menuProducts.jpg"></a>
          <ul class="productList">
            <li><a href="/Services">Internet Plans</a></li>
            <br>
            <li><a href="/services/Host">Web Hosting</a></li>
            <br>
            <li><a href="/services/Backup">Online Backup</a></li>
          </ul>
        </li>
        <li><a href="#"><img id="Support" width="102" height="30" border="0" name="Support" alt="Support" src="http://www.everynet.com.au/content/images/menuSupport.jpg"></a>
          <ul class="supportList">
            <li><a href="/Support/FAQ">FAQs</a><br>
            </li>
            <li><a href="/support/KnowledgeBase">Knowledge Base</a><br>
            </li>
            <li><a href="/Contact">Phone Support</a></li>
          </ul>
        </li>
        <li><a href="#"><img id="Contact" width="100" height="30" border="0" name="Contact" alt="Contact" src="http://www.everynet.com.au/content/images/menuContact.jpg"></a></li>
      </ul>
    </div>
  </header>
  <div class="getconnect account" align="right"> <a href="/account">My Account</a> </div>
  <section class="section-Container">
  
    <div class="log-on-page">
    <h2>Content Admin Log On</h2>
    <form action="" method="get">
    <fieldset><legend>
    <div class="log-on-box">
    <label for="UserName">Username</label>
    <input id="UserName" type="text" value="" name="UserName" data-val-required="The Username field is required." data-val="true">
    </div>
    <div class="log-on-box">
    <label for="UserName">Password</label>
    <input id="UserName" type="password" value="" name="UserName" data-val-required="The Username field is required." data-val="true">
    </div>
    <div class="rememberme">
     <input type="checkbox" id="RememberMe">
                <label for="RememberMe">Remember me?</label>
    </div>
    <p>
<input type="submit" class="login-btn" value="Log On">
</p>
    </legend>
    </fieldset>
    </form>
    </div>
  </section>
  <footer class="footer">
  <div class="footer-menu">
  <div class="footer-menu-left">
  <h2>Residential</h2>
  <ul>
  <li><a href="#">Home Phone, Mobile & VoIP</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  </ul>
  </div>
  <div class="footer-menu-left">
  <h2>Residential</h2>
  <ul>
  <li><a href="#">Home Phone, Mobile & VoIP</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  </ul>
  </div>
  <div class="footer-menu-left">
  <h2>Residential</h2>
  <ul>
  <li><a href="#">Home Phone, Mobile & VoIP</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  <li><a href="#">efvcfe</a></li>
  </ul>
  </div>
  </div>
    <div class="social-Link">
      <p align="center"> <a target="_blank" href="#">Like us on Facebook <img width="24" height="24" border="none" alt="Facebook" src="content/images/facebook.png"> </a> </p>
    </div>
    <span class="center">
    <p> <a href="#">TransACT Residential</a> | <a href="#"> National ADSL2+ </a>| <a href="#t">Web Hosting </a>| <a href="/services/OnlineBackup"> Online Backup</a> | <a href="#">NakedDSL</a></p>
    </span> © Copyright EveryNet 2013 | <a href="#">Legal Information</a> | <a href="#">Site map</a> </footer>
</div>
</body>
</html>

<style>
.log-on-page{
	border: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 30px 0;
    width: 290px;
	margin-top:30px;
}
.log-on-page h2{
	padding-bottom:10px;
}
.log-on-box label{
	padding:5px 0;
	display:block;
}
.rememberme{
	margin-top: 10px;
	display:block;
}
.login-btn{
	background-color: #008BCE;
    border: 1px solid #00577F;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-top: 7px;
    padding: 2px 6px !important;
	cursor:pointer;
}
</style>
